<extend name="zh_cn:Public:base" />
<block name="title">
    <title>美住 - 支付方式设置</title>
</block>
<block name="extendHead">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/common_control.css?rev=65393a524028c7e3b76e961a08059c7d">
    <link rel="stylesheet" type="text/css" href="/Public/dist/Home/HotelPage/setting.css?rev=6f0420ddcc8614db7348010f79a4b38d">
</block>
<block name="document">
    <div id="doc" class="container-above-md">
        <include file="zh_cn:Public:Include_control_navbar" navbar-menu-setting="active" />
        <div id="doc-body" class="row">
            <include file="zh_cn:Public:Include_setting_side" doc-side-pay="active" />
            <div id="doc-center">
                <include file="zh_cn:Public:Include_advanced_tab" advanced-tab-pay="btn-primary" />
                <if condition="$hotelRole eq 1">
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">支付方式设置</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="content-panel-help">可添加常用支付方式，最多只能10种。</div>
                            <div class="tag-list clearfix">
                                <volist name="hotelpay" id="info">
                                    <div class="tag-item" <if condition='$info.type eq $deletable'>data-value="{$info.id}"</if>>
                                        <div class="tag-item-inner">
                                            <div class="nowrap-content">{$info.name}</div>
                                            <if condition='$info.type eq $deletable'>
                                                <span data-usepay="{$info.isUsePay}" class="iconfont icon-minus text-accent deleteBtn"></span>
                                            </if>
                                        </div>
                                    </div>
                                </volist>
                                <div class="tag-item">
                                    <input type="text" class="form-control pull-left" id="addName" autocomplete="off" maxlength="15" placeholder="+添加支付方式" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" id="submitAdd"></button>
                                </div>
                            </div>
                        </div>
                    </div>
                </if>
                <if condition="checkAccess($adminAuthority, 'Home/BookSettingPage/index')">
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">支付短信通知</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="tag-list clearfix">
                                <div class="tag-item hidden" data-value="" id="payMobileTag">
                                    <div class="tag-item-inner">
                                        <div class="nowrap-content" id="payMobile"></div>
                                        <span class="iconfont icon-minus text-accent" id="payMobileDeleteBtn"></span>
                                    </div>
                                </div>
                                <div class="tag-item">
                                    <include file="zh_cn:Public:Include_area_code" style=''  />
                                    <input type="text" class="form-control pull-left paddingArea" id="addMobile" autocomplete="off" maxlength="11" placeholder="+添加手机号" value="">
                                    <button type="button" class="pull-left btn-primary btn-raised btn-square glyphicon glyphicon-plus ulite-js-btn" id="submitAddMobile"></button>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="content-panel">
                        <div class="content-panel-header">
                            <div class="content-panel-title">结算方式</div>
                        </div>
                        <div class="content-panel-body">
                            <div class="fixed-content vertical-padding">
                                <form class="form-horizontal form-sm" id="info-form" onkeydown="if(event.keyCode==13){return false;}">
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label"><span class="text-accent">*</span>账户类型</label>
                                        <div class="col-xs-6">
                                            <label class="radio ulite-js-radio ulite-js-ripple-effect">
                                                <input id="requestAccountType" type="radio" class="radio-btn" name="requestAccountType" value="0" checked/>
                                                <span class="radio-label">对公</span>
                                            </label>
                                            <label class="radio ulite-js-radio ulite-js-ripple-effect">
                                                <input type="radio" class="radio-btn" name="requestAccountType" value="1" />
                                                <span class="radio-label">对私</span>
                                            </label>
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="help-block"></div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label"><span class="text-accent">*</span>开户银行</label>
                                        <div class="col-xs-6">
                                            <input type="text" class="form-control" id="requestBank" autocomplete="off" maxlength='20' placeholder="请输入开户行名称" value="" />
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="help-block"></div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label"><span class="text-accent">*</span>开户人姓名</label>
                                        <div class="col-xs-6">
                                            <input type="text" class="form-control" id="requestName" autocomplete="off" maxlength='20' placeholder="请输入开户人姓名" value="" />
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="help-block"></div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label"><span class="text-accent">*</span>银行卡号</label>
                                        <div class="col-xs-6">
                                            <input type="text" class="form-control" id="requestAccount" autocomplete="off" maxlength='20' placeholder="请输入银行卡号" value="" />
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="help-block"></div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label"><span class="text-accent">*</span>确认银行卡号</label>
                                        <div class="col-xs-6">
                                            <input type="text" class="form-control" id="confirmAccount" autocomplete="off" maxlength='20' placeholder="请再次输入银行卡号" value="" />
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="help-block"></div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-xs-2 control-label"><span class="text-accent">*</span>结算短信通知</label>
                                        <div class="col-xs-6">
                                            <include file="zh_cn:Public:Include_area_code" style=''  />
                                            <input type="text" class="form-control paddingArea" id="requestNotificationMobile" autocomplete="off" maxlength='11' placeholder="请输入手机号" value="" />
                                        </div>
                                        <div class="col-xs-4">
                                            <div class="help-block"></div>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <div class="col-xs-10 col-xs-offset-2">
                                            <button type="submit" class="btn-primary btn-sm btn-raised" id="submitInfo">保存</button>
                                            <div class="help-block inline-help-block"></div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </if>
            </div>
            <!--end of doc-center-->
        </div>
        <!--end of doc body-->
    </div>
    <!--end of doc-->
    <div class="modal fade" data-backdrop="static" id="deleteModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">删除支付方式</div>
                </div>
                <div class="modal-body">
                    删除支付方式有可能导致您的统计数据出错，您确定要删除吗？
                </div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" id="submitDelete">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" data-backdrop="static" id="inoperableModal">
        <div class="modal-dialog modal-confirm">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="btn close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <div class="modal-title">温馨提示</div>
                </div>
                <div class="modal-body">对不起，该支付方式已经被使用，为保证房费流水统计不出问题，暂不允许删除该支付方式。</div>
                <div class="modal-footer">
                    <div class="form-horizontal form-sm">
                        <div class="form-group">
                            <div class="col-xs-10 col-xs-offset-2">
                                <div class="help-block inline-help-block inline-help-block-right"></div>
                                <button type="button" class="btn-sm btn-primary btn-raised" data-dismiss="modal" aria-label="Close">确定</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>    
</block>
<block name="extendFootJs">
    <script type="text/javascript" src="/Public/dist/Home/common_control.js?rev=b0ccaee5f3f00af011a31069395d22ed"></script>
    <script type="text/javascript" src="/Public/dist/Home/HotelPage/pay.js?rev=a8e6656c6d3e0c9e801dbe7e1837e09d"></script>
</block>
